* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
body{
  background-color:rgba(29, 29, 32, 1);
  /* background-color: black; */
  min-height: 100vh;
 
}

.container-header{
  /* border-right:  1px solid violet; */
  position: relative;
  /* left: -50px; */
  display: flex;
}
/* nav top  */
.navi{
  display: flex;
  /* align-items: center; */
  /* width: 100%; */
}
.button{
  /* border: 1px solid white; */
  border: none;
  /* visibility: hidden; */
  display: none;
}
ul{
  margin-left:7.03vw;
  /* margin-top: 2.5vw; */
  margin-top: 3.75vh;
  color: rgba(255, 255, 255, 1);
  padding-left: 0;
  font-family: 'Inter' , sans-serif;
  /* font-size: 1.04vw; */
  font-size: 0.937vw;
  line-height: 1.50vw;
  font-weight: 400;
  width: fit-content;
  margin-bottom: 0;
}
.filettoNav{
 margin: 0;
 border: 1.2px solid rgb(255, 255, 255);
 visibility: hidden;
 color: rgba(255, 255, 255, 1);
}
.nav1{
  display: flex;
  align-items: center;
}
.nav1:hover .navName{
transform: translateX(22px);
transition:0.3s;
/* color: rgb(10, 218, 38); */
}
.nav1:hover .filettoNav{
  /* transform: translateX(1px); */
  visibility: visible;
 width:40px;
 animation-name: filettoNav;
 animation-duration: 0.7s;
}
@keyframes filettoNav {
  0%{
    width: 0px;
  }
  100%{
    width: 40px;
  }
}


a:hover{
  color: white;
}
.filettoNav:hover{
  color:rgba(255, 255, 255, 1);
  /* background-color: aqua; */
}

/* naV footer */
.navFooter{
  position: absolute;
  width: 100%;
  bottom: 2.6vh;
  display: flex;
  flex-direction: column;
  /* row-gap: 1.04vw; */
  align-items: center;
  color: white;
}
.text{
  display: flex;
  column-gap: 3.49vw;
  font-size: 1.04vw;
  /* font-size: 1.85vw; */
}
.buttonUXUI{
  width: 2.083vw;
  height:2.083vw ;
}
.nav2{
  display: flex;
  column-gap: 3vw;
}
.pallina1{
  cursor: pointer;
  background-image: url('/images/pallina.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  /* width: 0.67vw;
  height: 0.67vw; */
  width: 1.56vw;
  height: 1.56vw;
}
.pallina2{
  cursor: pointer;
  background-image: url('/images/pallina.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  width: 1.56vw;
  height: 1.56vw;
}
.pallina1:hover{
  background-image: url('/images/hover-pallina.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: 0.7s;
}
.pallina2:hover{
  background-image: url('/images/hover-pallina.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  transition: 0.7s;
}

.footerSCL{
  position: relative;
  display: flex;
  margin-top: 15.1041vw;
  /* flex-direction: column; */
}
.footerSCL .textA {
  display: flex;
  /* column-gap: 3.489vw; */
  column-gap: 2.083vw;
  height: fit-content;
}
.footerSCL .textA p{
  margin-bottom: 0;
    font-family: 'Inter', sans-serif;
    font-size: 1.041vw;
    line-height: 1.822vw;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
}
.footerSCL .footAboutMe h3{
  margin-bottom: 0;
  font-family: 'Inter', sans-serif;
  font-size: 0.937vw;
  line-height: 1.822vw;
  font-weight: 100;
  color: rgba(255, 255, 255, 0.8);
  margin-top: 3.645vw;
}
.footerSCL .nav2A{
  display: flex;
  column-gap: 3vw;
}

/* EXN  */
main{
  /* border: 0.1px solid red; */
  height: fit-content;
  margin-top: 5.937vw;
  /* width: 100%; */
}
.titoloPrincipale{
  width:100%;
  height:6.51vw ;
  background-color: rgba(44, 49, 58, 1);
  display: flex;
  align-items: center;
  /* justify-content: center; */
}
.titoloPrincipale h1{
  color:rgba(255, 255, 255, 1) ;
  font-family:'Major Mono Display' , sans-serif;
  font-size: 3.802vw;
  font-weight: 400;
  margin-left: 7.031vw;
}
/* EXN------- */
.wrapperBrand1{
  margin-top: 3.958vw;
}
.wrapperBrand1 img{
  width: 23.385vw;
  height:11.666vw ;
}
.wrapperBrand1 img:nth-child(1){
  margin-left:10.781vw ;
}
.wrapperBrand1 img:nth-child(2){
  margin-left: 4.218vw;
}
.wrapperBrand1 img:nth-child(3){
  margin-left: 4.218vw;
}
.wrapperBrand2{
  margin-top: 5.468vw;
  display: flex;
}
.wrapperBrand2 img{
  width: 23.385vw;
  height:7.708vw ;
  margin-left: 13.802vw;
  align-self: center;
}
.wrapperBrand2 h3{
  margin: 0 0 0 8.020vw ;
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  line-height: 1.822vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  width: 44.010vw;
}
.wrapperNormal{
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  line-height: 1.822vw;
  font-weight: 400;
  color: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.wrapperBold{
  color: rgba(255, 255, 255, 1);
  font-weight: 700;
}
.separatore{
  margin-top: 15.625vw;
  display: flex;
  /* width: 100vw;
  justify-content: center; */
}
.circonfSep{
    background-color:  rgba(255, 255, 255, 1);
    width: 1.145vw;
    height: 1.145vw;
    border-radius: 100%;
}
.conettoreSep{
  border-top: 3px solid white;
  position: relative;
  top: 49%;
  /* left: 100%; */
  /* width: 1240px; */
  width: 66.8229vw;
}
.separatore1{
  width: 66.8229vw;
  display: flex;
  justify-content: space-between;
  margin-left: 16.5625vw;
}
.wrapperComponents1{
  display: flex;
  margin-top: 15.625vw;
  justify-content: center;
  width: 100%;
}
.wrapperComponents1 img:nth-child(1){
  width: 22.239vw;
  height: 18.020vw;
}
.wrapperComponents1 img:nth-child(2){
  width: 9.894vw;
  height:1.145vw ;
  align-self: center;
  margin-left: 3.125vw;
  margin-right: 2.343vw;
}
.wrapperComponents1 img:nth-child(4){
  width: 9.894vw;
  height:1.145vw ;
  align-self: center;
  margin-left: 2.291vw;
}
.wrapperComponents1 img:nth-child(5){
  width: 17.135vw;
  height:17.135vw ;
  margin-left: 4.427vw;
}
.wrapperComponents1 h3{
  width: 15.26vw;
}
.exnFilettoGiu{
  margin:1.25vw 0 0 51.354vw;
  width: 1.145vw ;
  height:9.894vw ;
}
.wrapperComponents2 h3{
  width: 37.5vw;
  margin:6.25vw 0 0 33.125vw;
}
.exnImageComponents3{
  width: 76.979vw;
  height: 7.8125vw;
  margin:8.072vw 0 0 13.385vw;
}
.wrapperComponents3{
  display: flex;
  flex-direction:column;
  align-items: center;
}
.wrapperComponents3 img{
  margin-top: 13.906vw;
  width: 31.5625vw;
  height:13.125vw ;
}
.wrapperComponents3 h3{
  width: 43.2vw;
  margin: 3.645vw 0 0 0;
}
.wrapperWebIdentity1{
  display: flex;
  flex-direction: column;
  /* margin-top: 15.625vw; */
}
.wrapperWebIdentity0{
  margin-top: 15.625vw;
}
.wrapperWebIdentity{
  display: flex;
  flex-direction: row;
  /* margin-top: 15.625vw; */
}
.wrapperWebIdentity1 img{
  width:48.489vw ;
  height: 27.239vw;
  margin-left: 14.427vw;
}
.wrapperWebIdentity h3{
  width:18.177vw ;
  margin: 0 0 0 6.614vw;
  align-self: center;
}
.wrapperWebIdentity12{
  margin-top: 10.260vw;
}
.wrapperWebIdentity12 h3{ 
  margin-left: 14.427vw;
}
.wrapperWebIdentity12 img{
  margin-left: 6.614vw;
}
.wrapperWebIdentity13{
  margin-top: 10.260vw;
}
.wrapperExnMobileUI{
  margin-top: 13.281vw;
  display:flex;
  flex-direction: row;
  /* column-gap: 5.468vw; */
  column-gap: 4.166vw;
  justify-content: center;
}
.wrapperExnMobileUI1{
  display: flex;
  flex-direction: column;
}
.wrapperExnMobileUI1 img{
  /* width:14.843vw ; */
  width: 15.45vw;
  /* height: 31.45vw; */
  height:32.03vw ;
}
.wrapperExnMobileUI1 img:nth-child(1){
  margin-top: 11.197vw;
}
.wrapperExnMobileUI1 img:nth-child(2){
  margin-top: 2.604vw;
}
.wrapperExnMobileUI2 h3{
  width: 14.218vw;
  margin:3.9vw 0 3.9vw 1.302vw;
}
.wrapperExnMobileUI2 img{
  width: 15.45vw;
  height:32.03vw ;
}
.wrapperExn3circonf{
  margin-top: 15.625vw;
  display: flex;
  justify-content: center;
}
.wrapperExn3circonf1{
  display: flex;
  width: 77.656vw;
  justify-content: space-between;
}
.circonfExnGrande{
  background-color: rgba(46, 95, 59, 0.5);
  width: 10.416vw;
  height: 10.416vw;
  border-radius: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.circonfExnGrande1{
  background-color: rgba(65, 134, 83, 0.5);
}
.circonfExnGrande2{
  background-color: rgba(65, 134, 83, 0.5);
}
.circonfExnGrande3{
  background-color: rgba(84, 171, 106, 0.5);
}
.circonfExnGrande4{
  background-color: (123, 190, 140, 0.5);
}
.circonfExnPiccola{
  width:2.291vw;
  height:2.291vw ;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 1);
}
.conettoreExn3Circonf{
  border-top: 3px solid white;
  position: relative;
  top: 49%;
  /* left: 100%; */
  width: 67.239vw;
}
.wrapperExnDescription{
  display: flex;
  justify-content: center;
  column-gap: 6.979vw;
  margin-top: 3.645vw;
}
.wrapperExnDescription h3{
  width: 15.416vw;
}
.wrapperExnMobileUITab1{
  display: flex;
  /* column-gap: 5.468vw; */
  column-gap: 4.166vw;
}
/* Classi TAB NON PRESENTI  */
.tabImgBrand3, .wrapperTabBrand1, .separatoreTab, .wrapperComponentsTab, .wrapperNormalVisiTab{
  display: none;
}
/* Classi MKC TAB NON PRENSENTI */
.wrapperBrandTab1, .wrapperCompLogoMwkc, .imageMWKCDesk2, .wrapperExn3circonf1MWKC1, .wrapperNormalMobileUIII{
  display: none;
}
/* Classi EOP TAB NON PRESENTI -- */
.wrapperNormalTabEOP1, .imgTabEOPComp1, .imgDeskEOPBrand3VisMobile{
  display: none;
}
/* CLASSI CD TAB non presenti  */
.cdImageBrandTab, .cdImageMobileTab6, .wrapperCDElementsInfo2Tab{
  display: none;
}

/* MEdWorkClouD & workClouD ----- */
.wrapperWebIdentity1Mwkc img{
  width: 49.32vw;
  height: 29vw;
}
.wrapperWebIdentity1Mwkc1 img{
  width: 49.32vw;
  height: 33.5vw;
}
.wrapperMwkcMobileUI1 img{
  width: 17.5vw;
  height: 33.125vw;
}
.wrapperMwkcMobileUI2 img{
  width: 17.5vw;
}
.wrapperMwkcMobileUI3 img{
  width: 17.5vw;
  height: 33.125vw;
}
.wrapperMwkcMobileUI4 img{
  width: 17.5vw;
}
.wrapperBrandMwkc1{
  margin-top: 6.5625vw;
  display: flex;
}
.wrapperBrandMwkc1 img:nth-child(2){
  margin-left: 10.9375vw;
  width: 8.697vw;
  height: 5.052vw;
  align-self: center;
}
.wrapperBrandMwkc1 img:nth-child(3){
  margin-left: 3.177vw;
}
.wrapperBrandMwkc1 h3{
  width:44.010vw ;
  margin-left: 7.031vw;
}
.wrapperBrandMwkc1 img{
  width:19.0625vw;
  height: 6.875vw;
}
.wrapperBrandMwkc2 img:nth-child(1){
  margin-left: 7.031vw;
  align-self: flex-end;
}
.wrapperBrandMwkc2 img:nth-child(2){
  margin-left: 3.177vw;
  width: 8.697vw;
  height: 5.052vw;
}
.wrapperBoldDx{
  margin-left: 10.989vw;
}
.wrapperBrandMwkc2 h3{
  margin-left:0;
  /* height: fit-content; */
}
.wrapperBoldDx{
  /* width: 44.010vw; */
  width: fit-content;
}
.wrapperBoldDx1{
  width: 100%;
  text-align: right;
  margin-bottom: 0;
  color: rgba(255, 255, 255, 1);
  font-family: 'Inter', sans-serif;
  font-size: 1.041vw;
  line-height: 1.822vw;
  font-weight: 700;
}
.wrapperBoldDx .wrapperNormalDx{
  text-align: right;
  width: 44.759vw;
}
.wrapperBrandMwkc12{
  margin-top: 16.875vw;
  display: flex;
  flex-direction: row;
}
.wrapperBrandMwkc12 img:nth-child(1){
  width:9.791vw ;
  height: 9.791vw ;
  margin-left: 13.75vw;
}
.wrapperBrandMwkc12 img:nth-child(2){
  width:9.791vw ;
  height: 9.791vw ;
  margin-left: 22.343vw;
}
.wrapperBrandMwkc12 img:nth-child(3){
  width:19.635vw ;
  height: 6.5625vw ;
  margin-left: 16.5625vw;
  align-self: center;
}
.wrapperBrandMwkc13{
  display: flex;
  margin-top: 4.6875vw;
  /* justify-content: center; */
}
.wrapperBrandMwkc13 h3:nth-child(1){
  width: 21.875vw;
  margin-left:7.708vw ;
}
.wrapperBrandMwkc13 h3:nth-child(2){
  width: 17.291vw;
  margin-left: 12.552vw;
}
.wrapperNormalMd{
  text-align: center;
  /* width: 20.3125vw; */
  margin-left: 12.552vw;
}
.wrapperMwkcMobileUI1 img:nth-child(2){
  /* height: 51.5625vw; */
  height: 55.5625vw;
}
.wrapperMwkcMobileUI2 img:nth-child(1){
  height: 67.1875vw;
}
.wrapperMwkcMobileUI3 h3{
  width: 14.218vw;
  margin-top: 22.53125vw;
  margin-left:1.302vw
}
.wrapperMwkcMobileUI4{
  display: flex;
  flex-direction: column;
}
.wrapperMwkcMobileUI4 img:nth-child(1){
  height:57.135vw ;
}
.wrapperMwkcMobileUI4 img:nth-child(2){
  height:51.5625vw ;
  margin-top: 2.604vw;
}
.wrapperExn3circonfMwkc img{
  width: 77.65625vw;
  height: 10.4166vw;
}

/* EasyONEPAGE ---------- */
.wrapperBrand1EOP{
  display: flex;
}
.wrapperBrand1EOP h3{
  width: 44.010vw;
  margin-left: 5.416vw;
  align-self: center;
}
.wrapperBrand1EOP img{
  width:33.75vw;
  height: 27.447vw;
  margin-left: 7.916vw;
}
.wrapperColorC{
  width:100%;
  /* border: 1px solid blue; */
}
.wrapperColorC1{
  margin-top: 15.625vw;
  width: 100%;
  height: 13.697vw;
  /* display: flex; */
  border: 3px solid white;
  border-left: none;
  border-right: none;
  display: flex;
}
.wrapperColorC1 h3{
  width: 46.875vw;
  margin-left: 4.270vw;
  align-self: center;
}
.wrapperColori{
  display: flex;
  flex-direction: column;
  row-gap: 2.708vw;
  margin-top: -5.4945vw;
}
.wrapperColori1{
  margin-left: 7.03125vw;
  display: flex;
  flex-direction: row;
  column-gap: 2.864vw;
}
.wrapperColori1 div:nth-child(1){
  width:10.989vw ;
  height: 10.989vw;
  background-color: rgba(60, 255, 0, 1);
}
.wrapperColori1 div:nth-child(2){
  width:10.989vw ;
  height: 10.989vw;
  background-color: rgba(0, 0, 0, 1);
}
.wrapperColori1 div:nth-child(3){
  width:10.989vw ;
  height: 10.989vw;
  background-color: rgba(255, 255, 255, 1);
}
.wrapperColori2{
  margin-left: 7.03125vw;
  display: flex;
  flex-direction: row;
  column-gap: 2.864vw;
}
.wrapperColori2 div:nth-child(1){
  width:10.989vw ;
  height: 10.989vw;
  background-color: rgba(61, 63, 67, 1);
}
.wrapperColori2 div:nth-child(2){
  width:10.989vw ;
  height: 10.989vw;
  background-color: rgba(93, 97, 101, 1);
}
.wrapperColori2 div:nth-child(3){
  width:10.989vw ;
  height: 10.989vw;
  background-color:rgba(140, 139, 139, 1);
}
.wrapperComponentsEOP{
  display: flex;
  flex-direction: row;
  
}
.wrapperComponentsEOP h3{
  width:23.385vw ;
  margin-top: 24.7916vw;
  margin-left: 7.03125vw;
  align-self: flex-start;
}
.wrapperComponentsEOP img{
  /* margin-top: 0; */
  align-self: flex-start;
  margin-top: 17.5vw;
  width:48.385vw ;
  height: 35.625vw;
  margin-left: 15.3125vw;
}
.wrapperLogoEOP1{
  margin-top: 19.010vw;
  display: flex;
  flex-direction: row;
  column-gap: 15vw;
  justify-content: center;
}
.wrapperLogoEOP img:nth-child(1){
  width: 37.447vw;
  height: 3.645vw;
  align-self: center;
}
.wrapperLogoEOP img:nth-child(2){
  width: 20.52vw;
  height: 6.458vw;
}
.wrapperLogoEOP2{
  display: flex;
  margin-top: 2.03125vw;
}
.wrapperLogoEOP2 h3{
  width:29.947vw ;
  margin-left: 13.541vw;
  margin-top: 2.968vw;
}
.wrapperLogoEOP .wrapperLogoEOP2 img{
  width: 25.052vw;
  height: 9.2708vw;
  /* margin-top: 30px; */
  margin-left: 8.229vw;
}
/* EOP ------------- */
.wrapperBrand .wrapperCDBrand1 img{
  width:13.020vw ;
  height: 13.020vw ;
  margin-left: 1.5625vw;
}
.wrapperCDBrand1 img:nth-child(1){
  margin-left: 7.031vw;
}
.wrapperBrand .wrapperCDBrand1 .imageBrandCD5{
  width:20.885vw ;
  height: 22.031vw;
  margin-left: 5.677vw;
}
.wrapperCDBrand2{
  margin-top: 0;
}
.wrapperCDBrand2 h3{
  margin-left: 7.031vw;
  width: 60.364vw;
}
.wrapperCDElements{
  margin-top: 15.625vw;
  display: flex;
}
.wrapperCDElements img{
  width: 37.552vw;
  height: 37.656vw;
  margin-left: 7.604vw;
}
.wrapperCDElements1{
  margin-left: 7.760vw;
  align-self: center;
}
.wrapperCDElements1 img{
  width: 38.541vw;
  height: 3.854vw;
  margin:7.8125vw 0 0 0;
}
.wrapperCDElements1 h3{
  width: 36.541vw;
  /* margin-right: 0; */
}
.wrapperCDElements1 .imageCDBrand8{
  width:38.541vw ;
  height: 17.604vw;
  margin-top: 4.166vw;
}
.wrapperCDElementsInfo .wrapperCDElementsInfo1{
  width: 43.593vw;
  height: 44.27vw;
}
.wrapperCDElementsInfo .wrapperCDElementsInfo2{
  width: 15.364vw;
  height: 9.27vw;
  margin-bottom: 3.697vw;
  margin-top: 0;
}

.wrapperCDElementsInfo .wrapperCDElements1 h3{
  width: 27.708vw;
}
.wrapperNormalCD1{
  width: 14.2708vw;
}
.wrapperExnMobileUI2CD{
  display: flex;
  flex-direction: column;
}
.wrapperCDMobileUI1 img:nth-child(1){
  margin-top: 14.197vw;
}
.wrapperCDMobileUI1 img:nth-child(2){
  margin-top: 4.604vw;
}
.wrapperCDMobileUI2 img:nth-child(1){
  margin-top: 14.197vw;
}
.wrapperCDMobileUI2 h3{
  margin-top: 3.645vw;
}
.wrapperExnMobileUI2CD img:nth-child(2){
  margin: 3.645vw 0 3.645vw 0;
}


/* prova  */
.circonfDigital{
  width: 0.78125vw;
  height:0.78125vw ;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 1);
  position: relative;
  top: 50%;
  margin-left: 1.979vw;
}
.conettoreCirconfDigital{
  border-top: 3px solid white;
  position: relative;
  top:47%;
  left: 99%;
  width: 4.21875vw;
}


/* PROVAA --------------------*/
.collapse{
  /* visibility: hidden; */
  transition: 0.4s;
}
.card {
  background-color: aliceblue;
  /* display: none; */
  position: absolute;
  /* top: 80px; */
  /* top: 10.41vw; */
  z-index: 1;
  width: 100%;
  left: 0;
  /* height: 100vh; */
  /* height: 115.79vw; */
  height: 87.37vh;
  background-color: transparent;
  /* visibility: hidden; */
  /* transition: 0.4s; */
  border: none;
}
.card1{
  height: 92.19248vh;
}



@media  screen and (max-width: 1023px) {
  .container-header{
    display: block;
  }
  .conettoreVer{
    display: none;
  }
  .list {
    display: none;
  }
  .list-responsive{
    display: flex;
    flex-direction: column;
    visibility: visible;

    width: 100%;
    height: 100vh;
    /* height: 86.37vh; */
    /* height: 55.79vw; */
    margin-left: 0;
    /* justify-content: center; */
    /* margin-top: 36.9791vw; */
    margin-top: 27.7343vh;
    row-gap: 30px;
    /* margin-top: 0; */
    /* align-items: center; */
  }
  .list-responsive li{
    align-self: center;
    /* justify-content: center; */
    font-family: 'Major Mono Display' , sans-serif;
    font-size:28px ;
  }
  .card{
    background-color: rgba(29, 29, 32, 1);
    /* transition-delay: 0.5s; */
    transition: 0.5s;
    position: absolute;
    /* top: 10.41vw; */
    top: 13.020vw;
    padding: 0;
    

  }
  .navName1{
    font-size: 28px;
  }
  .wrapperHeader{
    /* display: block; */
    background-image: url('/images/headerTablet.svg');
    width: 100%;
    height: 13.02vw;
    /* height: 9.765vh; */
    background-repeat: no-repeat;
    background-size: cover;
    /* z-index: 1; */
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .navi{
    /* box-shadow: inset 0px 25px 25px rgba(49, 63, 94, 1);
    display: flex;
    justify-content: center; */
  }
  .button{
    /* visibility: visible; */
    display: block;
    cursor: pointer;
    /* margin-top: 50px; */
    /* margin-top: 6.51vw; */
    background-color: transparent;
    height: 30px;
    width: 40px;
    position: relative;
    display: flex;
  }
  .icon{
    display: flex;
    flex-direction: column;
    row-gap: 6px;
    align-items: center;
    width: 28px;
    position: relative;
    margin: auto;
    transition: 0.5s;
  }
  .icon2{
    /* width: 100%; */
    transform: scaleX(1);
    transition: 0.5s;
  }
  .icon1{
    transition: 0.5s;
  }
  .icon3{
    transition: 0.5s;
  }
  .button.active .icon2{
    /* transform: translateY(0); */
    transform: scaleX(0);
  }
  .button.active .icon1{
    transform: rotate(-45deg) translate(-6px, 5px);
    transition: 0.5s;
  }
  .button.active .icon3{
    transform: rotate(45deg) translate(-6px, -5px);
    transition: 0.5s;
  }
  .icon span{
    /* position: absolute; */
    display: block;
    top: 0;
    background-color: white;
    height: 2px;
    width: 100%;
    left: 0;
    /* border-radius: 3px; */
  }
  .menuFisso{
    /* border: 1px solid red; */
    height: 13.020vw;
    position: fixed;
    top: 0;
    /* width: 100vw; */
    width: 100%;
    background-color: rgba(29, 29, 32, 1);
    z-index: 1;
  }
  ul{
    line-height: 3.5vw;
  }
  main{
    /* border: 1px solid blue; */
    position: relative;
    margin-top: 14.322vw;
  }
  .togliere{
    display: none;
    animation-name: toglieSmoot;
    /* animation-duration: 0.5s; */
  }
  .tabtitoloPrincipale{
    height: 11.718vw;
    justify-content: center;
  }
  .tabtitoloPrincipale h1{
    font-size: 5.208vw;
    margin: 0;
  }
  .footerSCL{
    margin-top: 22.135vw;
  }
  .footerUITab{
    margin: 0;
    position: absolute;
    z-index: 3;
    bottom: 2.7vh;
    /* margin-left: 39.322vw; */
  }
  .footerSCL .tabFootAboutMe h3{
    font-size: 1.302vw;
    width: 21.354vw;
    text-align: center;
  }
  .footerSCL .textADesk{
    display: none;
  }

  /* .TABLETXN ----- */
  .wrapperBrand1{
    margin-top: 7.161vw;
  }
  .wrapperBrand1{
    display: flex;
    justify-content: center;
    /* flex-direction: column; */
  }
  .wrapperBrand1 img:nth-child(1){
    margin-left: 0;
  }
  .wrapperBrand1 img:nth-child(3){
    display: none;
  }
  .wrapperBrand1 img:nth-child(2){
    margin-left: 6.901vw;
  }
  .wrapperBrand2{
    margin-top: 10.416vw;
    display: flex;
    justify-content: center;
  }
  .wrapperBrand2 .tabImgBrand3{
    display: block;
    margin-left: 0;
    height: fit-content;
  }
  .wrapperBrand2 img:nth-child(3){
    margin-left: 6.901vw;
  }
  .wrapperTabBrand1{
    display: flex;
    justify-content: center;
    margin-top: 16.276vw;
  }
  .wrapperTabBrand1 h3{
    width: 69.661vw;
    font-size: 2.213vw;
    line-height:3.906vw ;
  }
  .separatoreTab{
    width: 100vw;
    border-top: 2px solid white;
    margin-top: 13.020vw;
    display: flex;
    justify-content: center;
  }
  .circonSepTab{
    position: relative;
    top:-1.4322vw;
    width: 2.864vw;
    height: 2.864vw;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 1);
  }
  .wrapperComponentsTab{
    display: flex;
    flex-direction: column;
  }
  .wrapperNormalTab{
    font-size: 2.213vw;
    line-height: 3.90625vw;
    width: 69.661vw;
    margin-top: 13.02vw;
    align-self: center ;
    margin-left: 0;
  }
  .wrapperComponentsTab1{
    display: flex;
    flex-direction: row;
    justify-content: center;
    margin-top: 7.552vw;
    column-gap: 9.505vw;
  }
  .wrapperComponentsTab1Sx{
    display: flex;
    flex-direction: column;
    row-gap: 11.328vw;
    justify-content: center;
    
  }
  .wrapperComponentsTab1Sx img{
    width: 19.01vw;
    height: 19.01vw;
  }
  .imageTabSepVert{
    width:2.864vw ;
    height: 70.052vw;
  }
  .wrapperComponents2Tab{
    display: flex;
    flex-direction: column;
  }
  .wrapperComponents2 .wrapperNormalTab{
    margin-left: 0;
    width: 69.661vw;
  }
  .exnImageComponents3Tab{
    margin-top: 13.02vw;
  }
  .wrapperComponents3 img{
    width: 48.828vw;
    height: 20.3125vw;
  }
  .wrapperComponents3 .wrapperNormalTab{
    width: 69.661vw;
    margin-top: 13.02vw;
  }
  .wrapperWebIdentity0{
    margin-top: 9.1145vw;
  }
  .wrapperWebIdentity{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrapperWebIdentity1 img{
    width: 86.979vw;
    height: 49.088vw;
    margin-left: 0;
   }
   .wrapperWebIdentity .wrapperNormalTab{
    width: 69.661vw;
    margin: 11.718vw 0 0 0;
   }
   .wrapperWebIdentity12{
    display: flex;
    flex-direction: column-reverse;
   }
   .wrapperWebIdentity12 .wrapperNormalTab{
    text-align: right;
   }
   .wrapperExnMobileUI{
    display: flex;
    flex-direction: column;
    align-items: center;
   }
   .wrapperExnMobileUITab1{
    column-gap: 4.33vw;
    /* column-gap: 0; */
   }
   .wrapperExnMobileUITab1 img{
    /* width:25.39vw ; */
    width: 26.69vw;
    /* height:54.947vw ; */
    height:56.25vw;
  }
   .wrapperExnMobileUI1 img:nth-child(1){
    margin-top: 0;
   }
   .wrapperExnMobileUI2 {
    display: flex;
    flex-direction: column;
   }
   .wrapperExnMobileUI2 img:nth-child(1){
    margin-top: 6.5vw;
   }
   .wrapperNormalVisiTab{
    display: block;
   }
   .wrapperExnMobileUI1Sx{
    margin-top: 11.718VW;
   }
   .wrapperCirconfANDDescript{
    display: flex;
    margin-top: 17.96875vw;
   }
   .wrapperExn3circonf{
    margin-top:0;
   }
    .wrapperExn3circonf1{
    display:flex;
    flex-direction:column;
    width: fit-content;
    /* height:138.02vw ; */
    height: fit-content;
    margin-left: 7.291vw;
    /* margin-top: 0; */
   }
   .circonfExnGrande1{
    margin-top: 27.5vw;
   }
   .circonfExnGrande2{
    margin-top: 30.5vw;
   }
   .circonfExnGrande3{
    margin-top: 31.5vw;
   }

   .wrapperExnDescription{
    display: flex;
    flex-direction: column;
   }
   .conettoreExn3Circonf{
    /* transform: rotate(90deg); */
    display: none;
   }
   .conettoreVertExn3Circonf{
    border-right: 2px solid white;
    position: relative;
    top: 100%;
    /* right: 49%; */
    height: 185.203vw;
    /* width: 100px; */
   }
   .circonfExnGrande{
    width:13.02vw;
    height: 13.02vw;
   }
   .circonfExnPiccola{
    width: 3.906vw;
    height: 3.906vw;
    display: flex;
    justify-content: center;
   }
   .wrapperExnDescription{
    justify-content: flex-start;
    margin-top: 0;
    margin-left: 6.5104vw;
   }
   .wrapperExnDescription h3{
    width: 58.072vw;
   }
   .wrapperExnDescription h3:first-child{
    /* width: 446px; */
    margin-top: 0;
   }
  /* CLASSI DESK NON PRESENTI  */
 .wrapperBrand2 h3{
  display: none;
 }
 .wrapperExnMobileUI2 h3{
  display: none;
 }
 
 .separatore, .wrapperComponents1, .exnFilettoGiu {
  display: none;
 }
   /* MWKCTABLET---- */
   .wrapperMwkcMobileUI1 img{
    width: 29vw;
   }

   .wrapperBrandTab1{
    display: flex;
    flex-direction: column;
    margin-top: 9.11vw;
    align-items: center;
   }
   .wrapperBrandTab1 img{
    width: 55.46vw;
    height: 32.55vw;
   }
   .wrapperBrandTab1 h3:nth-child(3){
    text-align: right;
   }
   .wrapperBrandMwkc123{
    display: flex;
    margin-top: 13.02vw;
   }
   .wrapperBrandMwkc12{
    display: flex;
    flex-direction: column;
    margin-top: 0;
    row-gap: 20.70vw;
    margin-left: 7.68vw;
   }
   .wrapperBrandMwkc13{
    margin-top: 0;
    display: flex;
    flex-direction: column;
    margin-left: 4.687vw;
   }
   .wrapperBrandMwkc .wrapperBrandMwkc13 h3{
    margin-left: 0;
    width: 58.072vw;
    align-self: flex-start;
   }
   .wrapperBrandMwkc .wrapperBrandMwkc13 h3:nth-child(1){
    margin-top: 0;
    /* width: fit-content; */
   }
   .wrapperBrandMwkc .wrapperBrandMwkc12 img{
    margin-left: 0;
    align-self: flex-start;
    width: 14.32vw;
    height: 14.32vw;
   }
   .wrapperCompLogoMwkc{
    display: flex;
    flex-direction: column;
    align-items: center;
   }
   .imageTabSepVertMWKC{
    margin-top: 9.11vw;
    width:2.86vw ;
    height: 26.43vw;
    /* font-weight: 900; */
   }
   .mwkcBrandTab5{
    width: 49.73vw;
    height:16.66vw ;
    margin-top: 10.41vw;
   }
   .wrapperBrandMwkc123Reverse{
    display: flex;
    flex-direction:row-reverse;
    /* width: fit-content; */
    /* margin-left: 0; */
   }
   .wrapperBrandMwkc12Reverse{
    margin-left: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    margin-right: 15.104vw;
    width: 14.583vw;
   }
   .wrapperBrandMwkc12 img:nth-child(1){
    margin-left: 0;
    width:14.32vw ;
    height: 14.32vw;
   }
   .wrapperBrandMwkc12 img:nth-child(2){
    margin-left: 0;
    width:14.32vw ;
    height: 14.32vw;
   }
   .wrapperBrandMwkc123Reverse .wrapperBrandMwkc13 h3{
    margin-top: 0;
    margin-left: 0;
    width: 61.572vw;
    text-align: right;
    margin-right: 3.225vw;
   }
   .wrapperBrandMwkc123Reverse .wrapperBrandMwkc13 h3:nth-child(2){
    margin-top: 12.36vw;
   }
   .wrapperWebIdentity12Tab{
    margin-top: 13.02vw;
   }
   .wrapperWebIdentity12Tab .wrapperWebIdentity1 img{
    height: 57.55vw;
   }
  .wrapperExnMobileUITab1 .wrapperMwkcMobileUI1 .imgMwkcTabMobileUI2{
    height: 92.05vw;
  }
  /* .wrapperExnMobileUI2 img:nth-child(1) {
    
  } */
  .wrapperExnMobileUITab1 .wrapperExnMobileUI2 .imgMwkcTabMobileUI3{
    margin-top: 13.5vw;
    height: 119.79vw;
    width: 29vw;
  }
  .wrapperMwkcMobileUI3 img{
    width: 29vw;
  }
  .wrapperMwkcMobileUI3 h3 {
    width: 69.66vw;
    margin-top: 13.02vw;
    margin-left: 0;
  }
  .wrapperExnMobileUI1Sx .wrapperMwkcMobileUI3 h3{
    display: none;
  }
  .wrapperMwkcMobileUI3 .imgMwkcTabMobileUI6{
    height:101.82vw; 
  }
  .wrapperExnMobileUI1Sx .wrapperMwkcMobileUI4 .imgMwkcTabMobileUI7{
    height:91.92vw ;
    margin-top: 7.81vw;
    width: 29vw;
  }
  .wrapperMwkcMobileUI4 img{
    width: 29vw;
  }
  .imageMWKCDesk2{
    display: block;
  }

   /* Classi Desk NON PRENSENTI  */
  .wrapperBrandMwkc1, .imageDeskMWKC3Circonf{
  display: none;
  }
  .mwkcBrandDesk5{
  display: none;
  }
  .wrapperMwkcMobileUI3 .imageMWKCTab2{
  display: none;
  }
  .wrapperMwkcMobileUI4 .imageMWKCTab2{
  display: none;
  }
  .wrapperBrandMwkc13 h3:nth-child(3){
  display: none;
  }
  .wrapperExn3circonf1MWKC1{
  /* height: 149.73vw; */
  height: fit-content;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande{
  background-color: rgba(40, 55, 88, 0.5);
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1{
  background-color: rgba(56, 77, 123, 0.5);
  margin-top: 32vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande2{
  background-color: rgba(70, 98, 156, 0.5);
  margin-top:34vw ;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande3{
  background-color: rgba(112, 134, 179, 0.5);
  margin-top:36vw ;
  }
  .conettoreVertExn3CirconfMWKC{
  height: 205.177vw;
  }
  .wrapperNormalMobileUIII{
    display: block;
  }
  /* EOPTAB------ */
  .wrapperBrand1EOP{
    margin-top: 7.8125vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrapperBrand1EOP img{
    width: 45.572vw;
    height: 36.588vw;
  }
  .wrapperBrand1EOP h3{
    margin-left: 0;
    width: 69.66vw;
  }
  .wrapperColorC1{
    display: flex;
    flex-direction: column;
    /* align-items: center; */
    justify-content: center;
  }
  .wrapperColori{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrapperColori1, .wrapperColori2{
    margin-left: 0;
  }
  .wrapperNormalTabEOP1{
    display: flex;
    justify-content: center;
    align-self: center;
    /* margin-left: 60px; */
  }
  .wrapperComponentsEOP {
    display: flex;
    flex-direction: column-reverse;
    justify-content: center;
  }
  .wrapperComponentsEOP img{
    width:67.70vw ;
    height:49.86vw ;
    margin-left: 0;
    align-self: center;
  }
  .wrapperComponentsEOP h3{
    margin-left: 0;
    align-self: center;
  }
  .wrapperLogoEOP1{
    margin-top: 13.02vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrapperLogoEOP img:nth-child(1) {
    width: 68.61vw;
    height: 6.64vw;
    align-self: center;
  }
  .imgTabEOPComp1{
    display: block;
    width: 2.864vw;
    height: 26.43vw;
    margin-top: 9.11vw;
  }
  .wrapperLogoEOP2 {
    display: flex;
    justify-content: center;
    margin-top: 9.11vw;
  }
  .wrapperLogoEOP2 h3 {
    width: 69.66vw;
    margin-left: 0;
    margin-top: 0;
  }
  .wrapperNormalTabDx{
    text-align: right;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP0{
    background-color: rgba(134, 93, 32, 0.5);
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP1{
    background-color: rgba(243, 171, 61, 0.5);
    margin-top: 27vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP2{
    background-color:rgba(249, 207, 147, 0.5);
    margin-top:36vw ;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP3{
    background-color: rgba(252, 225, 190, 0.5);
    margin-top: 27vw;
  }
  .wrapperTabEOPcirconf1{
    /* height: 138.02vw; */
    height: fit-content;
  }
  .conettoreVertabEOP3Circonf{
    height: 181.177vw;
  }

  /* Classi EOP DESK NON PRESENTI  */
  .wrapperNormalDesk1, .imgDeskEOPBrand3, .imgTabEOPFilettoPa1{
    display: none;
  }

  /* CONNTDOTSTAB */
  .wrapperBrand .wrapperCDBrand1 .cdImageBrandTab{
    display: block;
    width:65.88vw ;
    height: 15.10vw;
    margin-left: 0;
  }
  .wrapperBrand .wrapperCDBrand1 .imageBrandCD5{
    width: 39.45vw ;
    height: 39.45vw;
    margin: 5.20vw 0 0 0;
  }
  .wrapperCDBrand2 h3{
    display: block;
  }
  .wrapperCDBrand2 .wrapperNormalTabCD1{
    font-size: 2.213vw;
    line-height: 3.90625vw;
    width: 69.661vw;
    /* margin-top: 13.02vw; */
    align-self: center ;
    margin-left: 0;
  }
  .wrapperCDElements{
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .wrapperCDElements .cdImageBrandTab6{
    width: 50.38vw;
    height: 50.38vw;
    margin-left: 0;
  }
  .wrapperCDElements1{
    margin-left: 0;
    display: flex;
    flex-direction: column;
  }
  .wrapperCDElements1 .wrapperNormalTab{
    width: 69.661vw;
    margin-left: 0;
    margin-right: 0;
  }
  .wrapperCDElements1 .cdImageBrandTab7{
    width: 74.34vw;
    height: 7.42vw;
    margin-top: 13.02vw;
  }
  .wrapperCDElementsTab{
    display: flex;
    flex-direction: column-reverse;
  }
  .wrapperCDElementsTab img{
    width: 50.39vw;
    height: 50.39vw;
    margin-left: 0;
  }
  .wrapperCDElementsTab .imageCDBrand8{
    width: 65.23vw;
    height: 29.81vw;
    align-self: center;
    margin-top: 13.02vw;
  }
  .wrapperCDElementsInfo .wrapperCDElementsInfo1{
    width: 70.83vw;
    height: 70.83vw;
    margin-left: 0;
  }
  .wrapperCDElements1Tab{
    display: flex;
    flex-direction: row-reverse;
    margin-top: 2.60vw;
  }
  .wrapperCDElements1Tab .wrapperCDElementsInfo2{
    /* width: 0; */
    transform: rotate(90deg);
    margin-bottom: 0;
    width:  39.33vw;
    height:19.71vw ;
    margin-top: 60px;
  }
  .wrapperCDElementsInfo .wrapperCDElements1Tab .wrapperNormalTab1{
    width: 44.14vw;
    margin-top: 10.41vw;
    margin-left: 11.71vw;
  }
  .wrapperTabCDcirconf1{
    /* height: 149.927vw; */
    height: fit-content;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD0{
    background-color: rgba(179, 40, 33, 0.5);
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD1{
    background-color:rgba(230, 51, 42, 0.5);
    margin-top: 39vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD2{
    background-color: rgba(236, 97, 90, 0.5);
    margin-top: 32vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD3{
    background-color:rgba(242, 143, 138, 0.5);
    margin-top: 23vw;
  }
  .conettoreVertabCD3Circonf{
    height: 193.077vw;
  }
  .cdImageMobileTab6{
    display: block;
  }


   /* Classi cd DESK NON PREDENTI  */
  .cdimageBrandDesk, .cdImageMobileDesk6, .wrapperNormalCD1Tab{
    display: none;
  }

}

@media screen and (max-width:600px) {
  .list-responsive{
    margin-top: 27.3696vh;
  }
  .card{
    position: absolute;
    /* top: 0;  */
    /* top: 18.1vw; */
    top: 25.641vw;
    /* top: 22.3vw; */
    /* top: 10.3vh; */
    /* height: auto; */
    height: 85.18vh;
    /* height: 84.7vh; */
    padding: 0;
  }
  .card1{
    /* border: 1px solid blue; */
    height:91.62772vh;
  }
  .navName1{
  font-size: 20px;
  }
  .wrapperHeader{
    height: 25.641vw;
  }
  .button{
  /* margin-top:11.53vw ; */
  height: 26px;
  width: 38px;
  }

  /* MobileSCL-- */
  .menuFisso{
  height: 25.641vw;
  }
  main{
  /* margin-top: 28.205vw; */
  margin-top: 31.794vw;
  }
  .mobileTitoloPrincipale{
  height:15.897vw ;
  }
  .mobileTitoloPrincipale h1{
  font-size: 8.20vw;
  }
  .footerSCL {
  margin-top: 30.735vw;
  }
  .footerSCL .tabFootAboutMe h3 {
  font-size: 2.564vw;
  line-height: 3.846vw;
  width:42.051vw ;
  }
  /* EXNMOBILE  */
  .wrapperBrand1{
  margin-top: 11.538vw;
  }
  .wrapperBrand1 img{
    width:33.84vw ;
    height: 16.92vw;
  }
  .wrapperBrand1 img:nth-child(2){
    margin-left: 9.487vw;
  }
  .wrapperBrand2{
    margin-top:6.153vw ;
  }
  .wrapperBrand2 img:nth-child(2){
    width:33.84vw ;
    height: 16.92vw;
  }
  .wrapperBrand2 img:nth-child(3){
    width: 33.589vw;
    height: 11.025vw;
    margin-left: 9.487vw;
  }
  .wrapperTabBrand1{
    margin-top: 17.948vw;
  }
  .wrapperTabBrand1 h3{
    width: 64.102vw;
    font-size: 3.589vw;
    line-height:5.641vw ;
  }
  .separatoreTab{
    margin-top: 25.64vw;
  }
  .circonSepTab{
    top: -3.0769vw;
    width: 5.641vw;
    height: 5.641vw;
  }
  .wrapperNormalTab{
    width: 64.102vw;
    font-size: 3.589vw;
    line-height:5.641vw ;
    margin-top: 25.64vw;
  }
  .wrapperComponentsTab1{
    margin-top: 5.12vw;
    column-gap: 13.33vw;
  }
  .wrapperComponentsTab1Sx{
    row-gap: 15.12vw; ;
  }
  .wrapperComponentsTab1Sx img{
    width: 25.64vw;
    height: 25.64vw;
  }
  .imageTabSepVert{
    width:2.56vw ;
    height: 95.89vw;
  }
  .exnImageComponents3Tab{
    width: 79.74vw;
    height: 7.94vw;
    margin-left: 10vw;
    /* align-self: center; */
    /* justify-content: center; */
  }
  .wrapperComponents3 img{
    width: 62.051vw;
    height: 25.89vw;
  }
  .wrapperComponents3 .wrapperNormalTab{
    width: 64.10vw;
    /* margin-top: 13.02vw; */
  }
  .wrapperWebIdentity0{
    margin-top: 25.64vw;
  }
  .wrapperWebIdentity1 img{
    width: 80vw;
    height: 45.12vw;
    margin-left: 0;
  }
.wrapperWebIdentity .wrapperNormalTab{
width: 64.10vw;
margin: 25.64vw 0 0 0;
}
.wrapperWebIdentity12 .wrapperNormalTab{
text-align: right;
}
.wrapperWebIdentity13 {
margin-top: 25.64vw;
}
.wrapperExnMobileUITab1{
  column-gap: 5.25vw;
}
.wrapperExnMobileUITab1 img{
  /* width:33.589vw ; */
  width: 36.15vw;
  /* height:72.82vw; */
  height: 75.63vw;
  }
  .wrapperExnMobileUI2 img:nth-child(3){
  margin-top: 6.5vw;
  }
  .wrapperExnMobileUI1Sx{
  margin-top: 25.64vw;
  }
  .wrapperCirconfANDDescript{
  display: flex;
  margin-top: 25.64vw;
  }
  .wrapperExn3circonf1{
  /* height:255.128vw ; */
  margin-left: 5.64vw;
  /* margin-top: 0; */
  }
  .conettoreVertExn3Circonf{
  border-right: 2px solid white;
  position: relative;
  top: 100%;
  /* right: 49%; */
  height: 353.203vw;
  /* width: 100px; */
  }
  .circonfExnGrande{
  width:12.82vw;
  height: 12.82vw;
  }
  .circonfExnPiccola{
  width: 3.58vw;
  height: 3.58vw;
  }
  .circonfExnGrande1{
    margin-top: 64vw;
  }
  .circonfExnGrande2{
    margin-top: 70vw;
  }
  .circonfExnGrande3{
    margin-top: 75vw;
  }
  .wrapperExnDescription{
  margin-left: 7.69vw;
  }
  .wrapperExnDescription h3{
  width: 65.128vw;
  }
  /* MWKCMOBILE  */
  /* MKCMOBILE---- */
  .wrapperWebIdentity12Tab .wrapperWebIdentity1Mwkc1 img{
    height: 45.12vw;
  }

  .mainUI .mobileTitoloPrincipaleMWKC{
    height: 28.717vw;
    /* justify-content: center;
    align-items: center; */
    }
    .mobileTitoloPrincipaleMWKC h1{
    align-self: center;
    width: 74.43vw;
    }
    .wrapperBrandTab1{
    margin-top: 16.92vw;
    }
    .wrapperBrandTab1 img{
    width:80vw ;
    height: 46.92vw;
    }
    .wrapperBrandMwkc123{
    margin-top: 25.64vw;
    }
    .wrapperBrandMwkc12{
    margin-left: 11.53vw;
    row-gap: 46.92vw;
    }
    .wrapperBrandMwkc12 img:nth-child(1) {
    margin-left: 0;
    width: 21.28vw;
    height: 21.28vw;
    }
    .wrapperBrandMwkc12 img:nth-child(2) {
      margin-left: 0;
      width: 21.28vw;
      height: 21.28vw;
    }
  .wrapperBrandMwkc .wrapperBrandMwkc13 h3 {
    margin-left: 0;
    width: 51.53vw;
    align-self: flex-start;
  }
  .wrapperBrandMwkc13 h3:nth-child(2){
    margin-top: 12.82vw;
  }
  .imageTabSepVertMWKC {
    margin-top: 12.82vw;
    width: 2.56vw;
    height: 35.38vw;
    /* font-weight: 900; */
  }
  .mwkcBrandTab5 {
    width: 53.33vw;
    height: 17.66vw;
    margin-top: 10.41vw;
  }
  .wrapperCompLogoMwkcMobile h3{
    margin-top: 10.51vw;
  }
  .wrapperBrandMwkc13 {
    margin-top: 0;
    display: flex;
    flex-direction: column;
    /* margin-left: 0; */
    width: 51.982vw;
}
  .wrapperBrandMwkc123Reverse .wrapperBrandMwkc13 h3 {
    margin-top: 0;
    margin-left: 0;
    width: 51.282vw;
    text-align: left;
    margin-right: 3.225vw;
    /* margin-right: 0; */
}
.wrapperBrandMwkc12Reverse {
  margin-left: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  margin-right: 10.204vw;
  width: 24.583vw;
}
.wrapperBrandMwkc12ReverseMobile{
  row-gap: 52.30vw;
}
.wrapperNormalTabMobile{
  margin-top: 11.02vw;
}
.wrapperNormalTabMobileDx{
  text-align: right;
}
.wrapperExnMobileUITab1 .wrapperExnMobileUI1 .imgMwkcTabMobileUI2{
  height: 121.79vw;
}
.wrapperExnMobileUITab1 .wrapperMwkcMobileUI2 .imgMwkcTabMobileUI3{
  margin-top: 13.5vw;
  height: 158.717vw;
  width: 36.15vw;
}
.wrapperMwkcMobileUI3 .imgMwkcTabMobileUI6 {
  height: 134.871vw;
}
.wrapperExnMobileUI1Sx .wrapperMwkcMobileUI4 .imgMwkcTabMobileUI7 {
  height: 121.79vw;
  margin-top: 5.81vw;
  width: 36.15vw;
}
 .wrapperNormalMobileUIII{
  display: block;
}
.wrapperExn3circonf1MWKC1Mobile{
  /* height: 301.55vw; */
  height: fit-content;
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande1{
  margin-top: 80.5vw;
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande2{
  margin-top: 86.5vw;
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande3{
  margin-top: 86.5vw;
}
.conettoreVertExn3CirconfMWKCMobile{
  height: 410vw;
}

/* EOPMOBILE---- */
.wrapperBrand1EOP{
  margin-top: 17.43vw;
}
.wrapperBrand1EOP img{
  width: 72.82vw;
  height: 59.23vw;
}
.wrapperColorC1{
  margin-top: 38.64vw;
}
.wrapperColori1 div:nth-child(1) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperColori1 div:nth-child(2) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperColori1 div:nth-child(3) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperColori2 div:nth-child(1) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperColori2 div:nth-child(2) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperColori2 div:nth-child(3) {
  width: 21.28vw;
  height: 21.28vw;
}
.wrapperComponentsEOP img{
  height: 56.923vw;
  width: 77.179vw;
}
.wrapperComponentsEOP h3{
  margin-left: 0;
  align-self: center;
}
.wrapperLogoEOP1{
  margin-top: 20.51vw;
}
.imgTabEOPComp1{
  display: block;
  width: 2.864vw;
  height: 20vw;
  margin-top: 9.11vw;
}
.imgDeskEOPBrand3VisMobile{
  display: block;
  width: 67.17vw;
  height: 21.02vw;
  margin-top: 11.28vw;
}
.wrapperNormalTabeopDx{
  text-align: right;
}
.wrapperMbobileEOPWebIdentity12{
  margin-top: 21.79VW;
}
.wrapperMobEOPcirconf1{
  /* height: 272.05vw; */
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP1 {
  background-color: rgba(243, 171, 61, 0.5);
  margin-top: 64vw;
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP2 {
  background-color: rgba(243, 171, 61, 0.5);
  margin-top: 86vw;
}
.wrapperExn3circonf1MWKC1 .circonfExnGrande1EOP3 {
  background-color: rgba(243, 171, 61, 0.5);
  margin-top: 69vw;
}
.conettoreVertMobEOP3Circonf{
  height: 360vw;
}

/* CDMOBILE */
.wrapperBrand .wrapperCDBrand1 .cdImageBrandTab {
  display: block;
  width: 85.64vw;
  height: 19.48vw;
  margin-left: 0;
}
.wrapperBrand .wrapperCDMobileBrand1{
  margin-top: 12.30vw;
}
.wrapperBrand .wrapperCDBrand1 .imageBrandCD5 {
  width: 51.28vw;
  height: 51.28vw;
  margin: 12.05vw 0 0 0;
}
.wrapperCDBrand2 .wrapperNormalTabCD1 {
  font-size: 3.58vw;
  line-height: 5.64vw;
  width: 68.461vw;
  margin-top: 12.05vw;
}
  .wrapperCDElements .cdImageBrandTab6 {
    width: 63.07vw;
    height: 63.07vw;
    margin-left: 0;
  }
  .wrapperCDElementsTab img {
    width: 61.53vw;
    height: 61.53vw;
    margin-left: 0;
  }
  .wrapperCDElementsTab .imageCDBrand8 {
    width: 69.74vw;
    height: 31.79vw;
    align-self: center;
    margin-top: 23.02vw;
  }
  .wrapperCDElementsInfo .wrapperCDElementsInfo1 {
    width: 76.66vw;
    height: 75.38vw;
    margin-left: 0;
  }
  .wrapperCDElementsInfo .wrapperCDElements1Tab .wrapperNormalTab1 {
    width: 54.10vw;
    margin-top: 10.41vw;
    /* margin-left: 11.71vw; */
    margin-left: 0vw;
    margin-right: 6vw;
  }
  .wrapperCDElements1Tab .wrapperCDElementsInfo2Tab {
    display: block;
    /* width: 0; */
    /* transform: rotate(90deg); */
    margin-bottom: 0;
    width: 14.33vw;
    height: 56.11vw; 
    margin-top: 11vw;
  }
  .wrapperMobCDcirconf1{
    /* height: 290.43vw; */
    height: fit-content;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD1 {
    background-color: rgba(230, 51, 42, 0.5);
    margin-top: 92vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD2 {
    background-color: rgba(230, 51, 42, 0.5);
    margin-top: 81vw;
  }
  .wrapperExn3circonf1MWKC1 .circonfExnGrande1CD3 {
    background-color: rgba(230, 51, 42, 0.5);
    margin-top: 58vw;
  }
  .conettoreVerMobCD3Circonf{
    height: 383vw;
  }

  /* Classi CD TAB non presenti  */
  .wrapperCDElementsInfo2{
    display: none;
  }
}

@media screen and (max-height:595px) {
  .list-responsive {
    /* border: 1px solid red; */
    row-gap: 1.86vw;
    /* height: 88.7vw; */
    /* height: 71.8238vh; */
    margin-top: 0;
    height: 33.1887vw;
    justify-content: center;

  }
  .navName1 {
    font-size: 2.36vw;
    /* line-height: 2.84vw; */
  }
}